<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="KennyVu" />

	<title>Untitled 1</title>
    <style type="text/css">
    #mother { width: 700px; height: 800px; background: brown;}
    #son { width: 300px; height: 500px; background: green; float: left;}
    #daughter { width: 400px; height: 500px; background: pink; float: right;}
    #father {width: 700px; height:300px; background: gray;}
    </style>
    
</head>

<body>

<div id="mother">
    <div id="son"> asdadasdasd asdadadasd </div>
    <div id="daughter">asdasdadasd asdasdasd</div>
    <div style="clear: both;"></div>
    <div id="father">asdsdadasd</div>
</div>

</body>
</html>